<span class="tag">
	{% if include.flag %}
		{% include ui/flag.html flag=include.flag size="xxs" class="tag-flag" %}
	{% elsif include.icon %}
		{% include ui/icon.html icon=include.icon size="xxs" class="tag-icon" %}
	{% elsif include.person %}
		{% include ui/avatar.html person=include.person size="xxs" class="tag-avatar" %}
	{% elsif include.person-id %}
		{% include ui/avatar.html person-id=include.person-id size="xxs" class="tag-avatar" %}
	{% elsif include.payment %}
		{% include ui/payment.html provider=include.payment size="xxs" class="tag-payment" %}
	{% elsif include.status %}
		{% include ui/badge.html color=include.status class="tag-status badge-empty" text="" %}
	{% elsif include.legend %}
		<span class="legend bg-{{ include.legend }}"></span>
	{% elsif include.checkbox %}
		<input type="checkbox" class="form-check-input tag-check"{% if include.checked %} checked{% endif %}/>
	{% endif %}
	{{ include.text }}
	{% if include.badge %}
		{% include ui/badge.html color=include.status class="tag-badge" text=include.badge size="sm" %}
	{% endif %}

	<a href="#" class="btn-close"></a>
</span>